#catInOut.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/inout.png') no-repeat;
    background-size: 100% auto;
}

#catInOut.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/inout2.png') no-repeat;
    background-size: 100% auto;
}

#catControl.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/ctrl.png') no-repeat;
    background-size: 100% auto;
}

#catControl.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/ctrl2.png') no-repeat;
    background-size: 100% auto;
}

#catMath.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/math.png') no-repeat;
    background-size: 100% auto;
}

#catMath.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/math2.png') no-repeat;
    background-size: 100% auto;
}

#catLogic.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/logic.png') no-repeat;
    background-size: 100% auto;
}

#catLogic.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/logic2.png') no-repeat;
    background-size: 100% auto;
}

#catText.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/text.png') no-repeat;
    background-size: 100% auto;
}

#catText.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/text2.png') no-repeat;
    background-size: 100% auto;
}

#catLists.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/list.png') no-repeat;
    background-size: 100% auto;
}

#catLists.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/list2.png') no-repeat;
    background-size: 100% auto;
}

#catVar.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/var.png') no-repeat;
    background-size: 100% auto;
}

#catVar.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/var2.png') no-repeat;
    background-size: 100% auto;
}

#catFun.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/func.png') no-repeat;
    background-size: 100% auto;
}

#catFun.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/func2.png') no-repeat;
    background-size: 100% auto;
}

#catSerialPort.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/port.png') no-repeat;
    background-size: 100% auto;
}

#catSerialPort.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/port2.png') no-repeat;
    background-size: 100% auto;
}

#catSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/sensor.png') no-repeat;
    background-size: 100% auto;
}

#catSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/sensor2.png') no-repeat;
    background-size: 100% auto;
}

#catActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/motor.png') no-repeat;
    background-size: 100% auto;
}

#catActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/motor2.png') no-repeat;
    background-size: 100% auto;
}

#catActuator_motor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/motor.png') no-repeat;
    background-size: 100% auto;
}

#catActuator_motor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/motor2.png') no-repeat;
    background-size: 100% auto;
}

#catActuator_voice.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/voice.png') no-repeat;
    background-size: 100% auto;
}

#catActuator_voice.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/voice2.png') no-repeat;
    background-size: 100% auto;
}

#catActuator_light.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/light.png') no-repeat;
    background-size: 100% auto;
}

#catActuator_light.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/light2.png') no-repeat;
    background-size: 100% auto;
}

#catMonitor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/4Digitdisplay.png') no-repeat;
    background-size: 100% auto;
}

#catMonitor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/4Digitdisplay2.png') no-repeat;
    background-size: 100% auto;
}

#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/4Digitdisplay.png') no-repeat;
    background-size: 100% auto;
}

#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/4Digitdisplay2.png') no-repeat;
    background-size: 100% auto;
}

#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/lcd.png') no-repeat;
    background-size: 100% auto;
}

#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/lcd2.png') no-repeat;
    background-size: 100% auto;
}

#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/oled.png') no-repeat;
    background-size: 100% auto;
}

#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/oled2.png') no-repeat;
    background-size: 100% auto;
}

#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/oled.png') no-repeat;
    background-size: 100% auto;
}

#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/oled2.png') no-repeat;
    background-size: 100% auto;
}

#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/Matrix.png') no-repeat;
    background-size: 100% auto;
}

#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/Matrix2.png') no-repeat;
    background-size: 100% auto;
}

#catGroup.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni.png') no-repeat;
    background-size: 100% auto;
}

#catGroup.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni.png') no-repeat;
    background-size: 100% auto;
}

#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni.png') no-repeat;
    background-size: 100% auto;
}

#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni2.png') no-repeat;
    background-size: 100% auto;
}

#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni.png') no-repeat;
    background-size: 100% auto;
}

#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni2.png') no-repeat;
    background-size: 100% auto;
}

#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni.png') no-repeat;
    background-size: 100% auto;
}

#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni2.png') no-repeat;
    background-size: 100% auto;
}

#catRFID.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni.png') no-repeat;
    background-size: 100% auto;
}

#catRFID.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/comuni2.png') no-repeat;
    background-size: 100% auto;
}

#catStorage.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/store.png') no-repeat;
    background-size: 100% auto;
}

#catStorage.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/store2.png') no-repeat;
    background-size: 100% auto;
}

#catStorageSD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/store.png') no-repeat;
    background-size: 100% auto;
}

#catStorageSD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/store2.png') no-repeat;
    background-size: 100% auto;
}

#catStorageEEPROM.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/store.png') no-repeat;
    background-size: 100% auto;
}

#catStorageEEPROM.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/store2.png') no-repeat;
    background-size: 100% auto;
}

#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/net3.png') no-repeat;
    background-size: 100% auto;
}

#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/net2.png') no-repeat;
    background-size: 100% auto;
}

#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/factory3.png') no-repeat;
    background-size: 100% auto;
}

#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/factory4.png') no-repeat;
    background-size: 100% auto;
}

#catTools.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/tool.png') no-repeat;
    background-size: 100% auto;
}

#catTools.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon {
    background: url('../media/mark/tool2.png') no-repeat;
    background-size: 100% auto;
}